// AI助手功能
class TeaAIAssistant {
    constructor() {
        this.initializeUI();
        this.initializeEventListeners();
        this.chatHistory = [];
    }

    initializeUI() {
        // 创建AI助手UI
        const assistantHTML = `
            <div class="ai-assistant">
                <div class="ai-toggle">
                    <i class="fas fa-robot"></i>
                </div>
                <div class="ai-chat">
                    <div class="chat-header">
                        <h3>茶艺智能助手</h3>
                    </div>
                    <div class="chat-messages">
                        <div class="message bot">
                            您好！我是您的茶艺助手，有什么可以帮您的吗？
                        </div>
                    </div>
                    <div class="chat-input">
                        <input type="text" placeholder="请输入您的问题...">
                        <button>发送</button>
                    </div>
                </div>
            </div>
        `;

        document.body.insertAdjacentHTML('beforeend', assistantHTML);
    }

    initializeEventListeners() {
        const toggle = document.querySelector('.ai-toggle');
        const chat = document.querySelector('.ai-chat');
        const input = document.querySelector('.chat-input input');
        const sendButton = document.querySelector('.chat-input button');

        // 切换聊天窗口
        toggle.addEventListener('click', () => {
            chat.classList.toggle('active');
        });

        // 发送消息
        const sendMessage = () => {
            const message = input.value.trim();
            if (message) {
                this.addMessage(message, 'user');
                this.processUserMessage(message);
                input.value = '';
            }
        };

        sendButton.addEventListener('click', sendMessage);
        input.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                sendMessage();
            }
        });
    }

    addMessage(text, type) {
        const messages = document.querySelector('.chat-messages');
        const messageDiv = document.createElement('div');
        messageDiv.className = `message ${type}`;
        messageDiv.textContent = text;
        messages.appendChild(messageDiv);
        messages.scrollTop = messages.scrollHeight;
        
        // 保存聊天记录
        this.chatHistory.push({ type, text });
        this.saveChatHistory();
    }

    async processUserMessage(message) {
        // 这里可以接入真实的AI模型
        // 现在先使用简单的关键词匹配
        let response = "抱歉，我现在还不太理解您的问题。";

        const keywords = {
            '茶': '茶是一种美妙的饮品，不同的茶有不同的冲泡方法和品味特点。',
            '龙井': '龙井茶是中国最著名的绿茶之一，产自浙江杭州。最好的冲泡温度是80度左右。',
            '普洱': '普洱茶是云南特产，分为生茶和熟茶两种。随着存放时间增长，茶味会更醇厚。',
            '茶具': '选择合适的茶具对品茶体验很重要。建议根据不同茶类选择相应的茶具。',
            '预约': '您可以在我们的预约页面选择心仪的茶艺体验时间。'
        };

        for (let key in keywords) {
            if (message.includes(key)) {
                response = keywords[key];
                break;
            }
        }

        setTimeout(() => {
            this.addMessage(response, 'bot');
        }, 500);
    }

    saveChatHistory() {
        const user = JSON.parse(localStorage.getItem('user')) || {};
        user.chatHistory = this.chatHistory;
        localStorage.setItem('user', JSON.stringify(user));
    }

    loadChatHistory() {
        const user = JSON.parse(localStorage.getItem('user')) || {};
        if (user.chatHistory) {
            this.chatHistory = user.chatHistory;
            const messages = document.querySelector('.chat-messages');
            messages.innerHTML = '';
            this.chatHistory.forEach(msg => {
                this.addMessage(msg.text, msg.type);
            });
        }
    }
}

// 导航栏组件
function initializeNavBar() {
    // 检查是否已经存在导航栏
    if (document.querySelector('.nav-bar')) {
        return; // 如果已存在导航栏，则不再创建
    }

    const navHTML = `
        <nav class="nav-bar">
            <a href="menu.html" class="nav-logo">寻香</a>
            <div class="nav-links">
                <a href="menu.html" class="nav-link">首页</a>
                <a href="booking.html" class="nav-link">预约体验</a>
                <a href="tea-tree.html" class="nav-link">我的茶树</a>
                <a href="user-auth.html" class="nav-link" id="authLink">登录/注册</a>
            </div>
        </nav>
    `;

    document.body.insertAdjacentHTML('afterbegin', navHTML);

    // 更新登录状态
    const user = JSON.parse(localStorage.getItem('user'));
    const authLink = document.getElementById('authLink');
    if (user) {
        authLink.textContent = user.username || '个人中心';
        authLink.href = 'tea-tree.html';
    }
}

// 初始化
document.addEventListener('DOMContentLoaded', () => {
    initializeNavBar();
    // 注释掉AI助手的初始化，因为已在HTML中实现
    // window.teaAI = new TeaAIAssistant();
    // window.teaAI.loadChatHistory();
}); 